<template>
	<div class="page">
		<img src="../../../static/image/return.png" class="icon-first isTrigger" @click="onPrevious" />
		<div class="main-content">
			<img src="../../../static/image/redpacket.png" class="icon-second isTrigger" @click="change" />
		</div>
	</div>
</template>

<script>
export default {
	methods: {
		change() {
			this.$router.push({ path: '/permium' });
		},
		onPrevious() {
			this.$router.push({ path: '/link' });
		}
	}
};
</script>

<style scoped>
.page {
	width: 100%;
	height: 100%;
	background-image: url('../../../static/image/bgtwo.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
	overflow: hidden;
    font-family: serif;
}
.icon-first {
	position: absolute;
	left: 4%;
	top: 4%;
}
.main-content {
	position: absolute;
	top: 46%;
	left: 10%;
	width: 80%;
	height: 28%;
	margin: 0px auto;
}
.icon-second {
	width: 100%;
	height: 100%;
}
</style>
